<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel='stylesheet' href="css/local.css">
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
</head>
<body>
<div id="skelebg">
      <div class="skelespot"><a id="skelespot_0" href="/orthopaedics/services/general-orthopaedics" class=""><span class="no_display">Shoulder</span></a></div>
      <div class="skelebutton"><a id="skelebutton_0" href="/orthopaedics/services/general-orthopaedics" class=""><span class="no_display">Shoulder</span></a></div>
      <div class="skelespot"><a id="skelespot_1" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Elbow</span></a></div>
      <div class="skelebutton"><a id="skelebutton_1" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Elbow</span></a></div>
      <div class="skelespot"><a id="skelespot_2" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Hand</span></a></div>
      <div class="skelebutton"><a id="skelebutton_2" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Hand</span></a></div>
      <div class="skelespot"><a id="skelespot_3" href="/orthopaedics/services/hip-treatments" class=""><span class="no_display">Hip</span></a></div>
      <div class="skelebutton"><a id="skelebutton_3" href="/orthopaedics/services/hip-treatments" class=""><span class="no_display">Hip</span></a></div>
      <div class="skelespot"><a id="skelespot_4" href="/orthopaedics/services/joint-replacement" class=""><span class="no_display">Knee</span></a></div>
      <div class="skelebutton"><a id="skelebutton_4" href="/orthopaedics/services/joint-replacement" class=""><span class="no_display">Knee</span></a></div>
      <div class="skelespot"><a id="skelespot_5" href="/orthopaedics/services/foot-and-ankle" class=""><span class="no_display">Foot</span></a></div>
      <div class="skelebutton"><a id="skelebutton_5" href="/orthopaedics/services/foot-and-ankle" class=""><span class="no_display">Foot</span></a></div>
      <div class="skelespot"><a id="skelespot_6" href="/orthopaedics/services/spine" class=""><span class="no_display">Neck</span></a></div>
      <div class="skelebutton"><a id="skelebutton_6" href="/orthopaedics/services/spine" class=""><span class="no_display">Neck</span></a></div>
      <div class="skelespot"><a id="skelespot_7" href="/orthopaedics/services/spine" class=""><span class="no_display">Back/Spine</span></a></div>
      <div class="skelebutton"><a id="skelebutton_7" href="/orthopaedics/services/spine" class=""><span class="no_display">Back/Spine</span></a></div>
      <div class="skelespot"><a id="skelespot_8" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Wrist</span></a></div>
      <div class="skelebutton"><a id="skelebutton_8" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Wrist</span></a></div>
      <div class="skelespot"><a id="skelespot_9" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Fingers</span></a></div>
      <div class="skelebutton"><a id="skelebutton_9" href="/orthopaedics/services/elbow-and-hand" class=""><span class="no_display">Fingers</span></a></div>
      <div class="skelespot"><a id="skelespot_10" href="/orthopaedics/services/foot-and-ankle" class=""><span class="no_display">Ankle</span></a></div>
      <div class="skelebutton"><a id="skelebutton_10" href="/orthopaedics/services/foot-and-ankle" class=""><span class="no_display">Ankle</span></a></div>
    <!-- preload button and zoom images -->
      <img height="1" width="1" class="no_display" alt="" src="images/shoulder-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/shoulder-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/elbow-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/elbow-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/hand-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/hand-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/hip-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/hip-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/knee-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/knee-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/foot-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/foot-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/neck-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/neck-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/back-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/back-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/wrist-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/wrist-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/fingers-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/fingers-hover.jpg">
      <img height="1" width="1" class="no_display" alt="" src="images/ankle-zoom.png">
      <img height="1" width="1" class="no_display" alt="" src="images/ankle-hover.jpg">
    </div>
    <script type="text/javascript">
		<!--
		// extending jquery and javascript
		
		$(document).ready(function() {
		      $("#skelebutton_0").hover(
		        function(){$('#skelespot_0').toggleClass('over');},
		        function(){$('#skelespot_0').toggleClass('over');}
		      );
		      $("#skelespot_0").hover(
		        function(){$('#skelebutton_0').toggleClass('over');},
		        function(){$('#skelebutton_0').toggleClass('over');}
		      );
		      $("#skelebutton_1").hover(
		        function(){$('#skelespot_1').toggleClass('over');},
		        function(){$('#skelespot_1').toggleClass('over');}
		      );
		      $("#skelespot_1").hover(
		        function(){$('#skelebutton_1').toggleClass('over');},
		        function(){$('#skelebutton_1').toggleClass('over');}
		      );
		      $("#skelebutton_2").hover(
		        function(){$('#skelespot_2').toggleClass('over');},
		        function(){$('#skelespot_2').toggleClass('over');}
		      );
		      $("#skelespot_2").hover(
		        function(){$('#skelebutton_2').toggleClass('over');},
		        function(){$('#skelebutton_2').toggleClass('over');}
		      );
		      $("#skelebutton_3").hover(
		        function(){$('#skelespot_3').toggleClass('over');},
		        function(){$('#skelespot_3').toggleClass('over');}
		      );
		      $("#skelespot_3").hover(
		        function(){$('#skelebutton_3').toggleClass('over');},
		        function(){$('#skelebutton_3').toggleClass('over');}
		      );
		      $("#skelebutton_4").hover(
		        function(){$('#skelespot_4').toggleClass('over');},
		        function(){$('#skelespot_4').toggleClass('over');}
		      );
		      $("#skelespot_4").hover(
		        function(){$('#skelebutton_4').toggleClass('over');},
		        function(){$('#skelebutton_4').toggleClass('over');}
		      );
		      $("#skelebutton_5").hover(
		        function(){$('#skelespot_5').toggleClass('over');},
		        function(){$('#skelespot_5').toggleClass('over');}
		      );
		      $("#skelespot_5").hover(
		        function(){$('#skelebutton_5').toggleClass('over');},
		        function(){$('#skelebutton_5').toggleClass('over');}
		      );
		      $("#skelebutton_6").hover(
		        function(){$('#skelespot_6').toggleClass('over');},
		        function(){$('#skelespot_6').toggleClass('over');}
		      );
		      $("#skelespot_6").hover(
		        function(){$('#skelebutton_6').toggleClass('over');},
		        function(){$('#skelebutton_6').toggleClass('over');}
		      );
		      $("#skelebutton_7").hover(
		        function(){$('#skelespot_7').toggleClass('over');},
		        function(){$('#skelespot_7').toggleClass('over');}
		      );
		      $("#skelespot_7").hover(
		        function(){$('#skelebutton_7').toggleClass('over');},
		        function(){$('#skelebutton_7').toggleClass('over');}
		      );
		      $("#skelebutton_8").hover(
		        function(){$('#skelespot_8').toggleClass('over');},
		        function(){$('#skelespot_8').toggleClass('over');}
		      );
		      $("#skelespot_8").hover(
		        function(){$('#skelebutton_8').toggleClass('over');},
		        function(){$('#skelebutton_8').toggleClass('over');}
		      );
		      $("#skelebutton_9").hover(
		        function(){$('#skelespot_9').toggleClass('over');},
		        function(){$('#skelespot_9').toggleClass('over');}
		      );
		      $("#skelespot_9").hover(
		        function(){$('#skelebutton_9').toggleClass('over');},
		        function(){$('#skelebutton_9').toggleClass('over');}
		      );
		      $("#skelebutton_10").hover(
		        function(){$('#skelespot_10').toggleClass('over');},
		        function(){$('#skelespot_10').toggleClass('over');}
		      );
		      $("#skelespot_10").hover(
		        function(){$('#skelebutton_10').toggleClass('over');},
		        function(){$('#skelebutton_10').toggleClass('over');}
		      );      
		});
		// -->
	</script>
</body>
</html>